<template>
  <div id="thirdbottomrightE" class="homeechartsClass"></div>
</template>

<script>
import * as echarts from "echarts";

export default {
  data() {
    return {};
  },
//   mounted() {

//      this.$nextTick(() => {
//     this.myChart = echarts.init(document.getElementById("thirdbottomrightE"));

//   })
//   window.addEventListener("resize", () => {
//   	// 判断是否存在，直接调用resize方法
//     if (this.myChart) this.myChart.resize()
//   })

//     let chartDom = document.getElementById("thirdbottomrightE");
//     let myChart = echarts.init(chartDom);
//     let option;

//     option = {
//       title: {
//         text: "故障类型占比统计",
//         // subtext: "故障类型占比统计",
//         left: "center",
//         textStyle: {
//           color: "#000000",
//           fontWeight: "bold",
//           fontSize: 14,
//         },
//       },
//       color: ["#A05BF9", "#4D8CFD", "#4F42E8", "#6FE587", "#5F519C"],
//       tooltip: {
//         trigger: "item",
//       },

//       legend: {
//         orient: "horizontal",
//         bottom: 0,
//         icon: "rect",
//         itemGap: 20,
//         itemHeight: 10,
//         itemWidth: 10,
//       },
//       series: [
//         {
//           name: "Access From",
//           type: "pie",
//           radius: "50%",
//           data: [
//             { value: 1048, name: "交易" },
//             { value: 735, name: "系统" },
//             { value: 580, name: "网络" },
//             { value: 484, name: "安全" },
//             { value: 300, name: "其他" },
//           ],
//           emphasis: {
//             itemStyle: {
//               shadowBlur: 10,
//               shadowOffsetX: 0,
//               shadowColor: "rgba(0, 0, 0, 0.5)",
//             },
//           },
//         },
//       ],
//     };

//     option && myChart.setOption(option);
//   },
//   watch: {
//    "$store.state.app.sidebar.opened"() {
//        setTimeout(() => {
//            this.myChart.resize()
//        }, 300)
//    }
// }
};
</script>

<style lang='scss' scoped>
.homeechartsClass {
  height: 100%;
  width: 100%;
}
</style>